<template>
  <div>
    <h2>{{movie.title}}</h2>

    <img :src="movie.images.small" alt="电影海报">
    <hr>
    简介：
    <p>{{movie.summary}}</p>
  </div>
</template>
<script>
import { mapActions, mapState } from 'vuex';

export default {
  // 使用state和getters  用计算属性
  // 使用actions和mutations 用methods
  computed:{
    ...mapState('movieDetail',['movie'])
  },
  created(){
    this.setMovie()
  },
  methods:{
    ...mapActions('movieDetail',['setMovie'])
  }
}
</script>
<style>
</style>
